﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Easy Start - Welcome</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="scripts/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Icons -->
    <link href="scripts/icons/general/stylesheets/general_foundicons.css" media="screen" rel="stylesheet" type="text/css" />  
    <link href="scripts/icons/social/stylesheets/social_foundicons.css" media="screen" rel="stylesheet" type="text/css" />
    <!--[if lt IE 8]>
        <link href="scripts/icons/general/stylesheets/general_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="scripts/icons/social/stylesheets/social_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
    <![endif]-->

<link href="scripts/camera/css/camera.css" rel="stylesheet" type="text/css" />

    <link href="http://fonts.googleapis.com/css?family=Chewy" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Terminal+Dosis+Light" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Maven+Pro" rel="stylesheet" type="text/css">

    <link href="styles/custom.css" rel="stylesheet" type="text/css" />
</head>
<body id="pageBody">

<div id="divBoxed" class="container">
	<div class="row-fluid">
                <div class="span12">

                    <div id="divLogo">
                        <a href="index.html" id="divSiteTitle"><img src="assets/images/headerTest.png" alt="EagleWeather"></a>
                    </div>

	            </div>
            </div>   

    <div class="transparent-bg" style= "position: absolute;
    left: 0;width: 100%;height: 75%;z-index: -1;zoom: 1;"></div>

    <div class="divPanel notop nobottom">
                        <div class="row-fluid">
                <div class="span12">
    					
                    <div id="divMenuRight" class="pull-left">
                    <div class="navbar">
                        <button type="button" class="btn btn-navbar-highlight btn-large btn-primary" data-toggle="collapse" data-target=".nav-collapse">
                            NAVIGATION <span class="icon-chevron-down icon-white"></span>
                        </button>
                        <div class="nav-collapse collapse">
                            <ul class="nav nav-pills ddmenu">
                                <li class="dropdown active"><a href="index.html">Home</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" id="severe">SEVERE WEATHER <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li class="dropdown">
                                           
                                        <li><a href="#">Current Severe weather</a></li>
                                        <li><a href="#">Lightning</a></li>
                                        <li><a href="#">Flood Information</a></li>
                                        <li><a href="#">Weather Links</a></li>
                                        
                                    </ul>
                                </li>
                                <li class="dropdown">
                                <a href="#" class="dropdown-toggle">Forecasts<b class="caret"></b></a>
                                 <ul class="dropdown-menu">
                                        <li class="dropdown">
                                           
                                        <li><a href="#">Short Term</a></li>
                                        <li><a href="#">Long Term</a></li>
                                        
                                
                                </ul>
                                </li>
                                <li class="dropdown">
                                <a href="#" class="dropdown-toggle">Current Conditions<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown">
                                           
                                        <li><a href="#">Air Temps & related values</a></li>
                                        <li><a href="#">Lake Temperatures</a></li>
                                        
                                </ul>
                                </li>
                                <li class="dropdown">
                                <a href="#" class="dropdown-toggle">References & Links<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                        <li class="dropdown">
                                           
                                        <li><a href="#">Boating Safety</a></li>
                                        <li><a href="#">Terms & Definitions</a></li>
                                        <li><a href="#">Weather Safety Info</a></li>
                                        <li><a href="#">Kids Pages</a></li>
                                        <li><a href="#">Photos</a></li>
                                                                                                                     
                                </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    </div>

	            </div>
            </div>

            <div class="row-fluid">
                <div class="span12">
    
                    <div id="headerSeparator"></div>

                    <div class="row-fluid">
                        <div class="span6">

                            <div id="divHeaderText" class="page-content">
                                <div id="divHeaderLine1">Welcome to Eagle Weather</div><br />
                                <div id="divHeaderLine2">For the Latest Severe Weather Information <br>
Listen to NOAA Weather Radio</div><br />
                                <div id="divHeaderLine3"><a class="btn btn-large btn-secondary" href="#">News</a>    <a class="btn btn-large btn-primary" href="#">Weather</a></div>
                            </div>

                        </div>
                        <div class="span6">

                            <div id="camera_wrap">
<div data-src="assets/images/Bullfrog Pair.jpg" ><div class="camera_caption fadeFromBottom cap2">Pair of Bullfrogs</div></div><div data-src="assets/images/Blue Herron.jpg "><div class="camera_caption fadeFromBottom cap2">Blue Herron.</div></div>  <div data-src="assets/images/Winter Sunset.jpg "><div class="camera_caption fadeFromBottom cap2">Winter Sunset</div></div> <div data-src="assets/images/7_22_2010 Funnel Cloud Over Lake.jpg "><div class="camera_caption fadeFromBottom cap2">Funnel cloud over lake</div></div>                            </div>

                        </div>
                    </div>

                    <div id="headerSeparator2"></div>
        
                </div>
            </div>
   
    </div>

    <div class="contentArea">

        <div class="divPanel notop page-content">

            

            <div class="row-fluid">

                <div class="span12" id="divMain">

                    <h1>Welcome</h1>

                    <p>Content on this page is for presentation purposes only. Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
                    Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>

                    <br />

                    <div class="row-fluid">
                        <div class="span4">
                            <h2>1/3 Column</h2>
                            <img src="http://placehold.it/150x90/e7e7e7" class="img-polaroid" style="margin:5px 0px 15px;">                
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br /><a href="#">Read More &raquo;</a></p>
                        </div>
                        <div class="span4">                
                            <h2>1/3 Column</h2>
                            <img src="http://placehold.it/150x90/e7e7e7" class="img-polaroid" style="margin:5px 0px 15px;">  
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br /><a href="#">Read More &raquo;</a></p>
                        </div>
                        <div class="span4">                
                            <h2>1/3 Column</h2>                
                            <img src="http://placehold.it/150x90/e7e7e7" class="img-polaroid" style="margin:5px 0px 15px;">  
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br /><a href="#">Read More &raquo;</a></p>
                        </div>
                    </div>  

                </div>

            </div>

            <div id="footerInnerSeparator"></div>
        </div>
    </div>

    <div id="footerOuterSeparator"></div>

    <div id="divFooter" class="footerArea">

        <div class="divPanel">

            <div class="row-fluid">
                <div class="span3" id="footerArea1">
                
                    <h3>About Eagle Spring Lake</h3>

                    <p>Eagle Spring Lake is 311 square acres in size with a max  depth of 8 feet and a mean depth of 4 feet. Visitors can access the lake via a  public boat landing that is located behind Eagle Spring Pub (W345 S10463 Hwy.  E&nbsp;&nbsp;Mukwonago, WI 53149). Fish species include, Bluegill, Largemouth  Bass and Northern Pike.</p>
                    
                    <p> 
                        <a href="#" title="Terms of Use">Terms of Use</a><br />
                        <a href="#" title="Privacy Policy">Privacy Policy</a><br />
                        <a href="#" title="FAQ">FAQ</a><br />
                        <a href="#" title="Sitemap">Sitemap</a>
                    </p>

                </div>
                <div class="span3" id="footerArea2">

                    <h3>Recent Blog Posts</h3> 
                    <p>
                        <a href="#" title="">Lorem Ipsum is simply dummy text</a><br />
                        <span style="text-transform:none;">2 hours ago</span>
                    </p>
                    <p>
                        <a href="#" title="">Duis mollis, est non commodo luctus</a><br />
                        <span style="text-transform:none;">5 hours ago</span>
                    </p>
                    <p>
                        <a href="#" title="">Maecenas sed diam eget risus varius</a><br />
                        <span style="text-transform:none;">19 hours ago</span>
                    </p>
                    <p>
                        <a href="#" title="">VIEW ALL POSTS</a>
                    </p>

                </div>
                <div class="span3" id="footerArea3">

                    <h3>Credit &amp; Thanks</h3>
                    <p>Web Design: Lauren Kritter</p> 
                    <p>Implementation: Elliot Germinaro, (anyone else who contributes to developing the design)</p>
                    <p>University of Wisconsin Parkside | Software Engineering 2</p>                  

                </div>
                <div class="span3" id="footerArea4">

                    <h3>Contact</h3>  
                                                               
                    <ul id="contact-info">
                    <li>                                    
                        <i class="general foundicon-phone icon"></i>
                        <span class="field">Phone:</span>
                        <br />
                        (123) 456 7890 / 456 7891                                                                      
                    </li>
                    <li>
                        <i class="general foundicon-mail icon"></i>
                        <span class="field">Email:</span>
                        <br />
                        p.jensen at eagleweather dot com
                    </li>
                    <li>
                        <i class="general foundicon-home icon" style="margin-bottom:50px"></i>
                        <span class="field">Address:</span>
                        <br />
                        Waukesha County, WI
                    </li>
                    </ul>

                </div>
            </div>

            <br /><br />
            <div class="row-fluid">
                <div class="span12">
                    <p class="copyright">
                        Copyright © 2013 Eagle Weather. All Rights Reserved.
                    </p>

                    <p class="social_bookmarks">
                        <a href="#"><i class="social foundicon-facebook"></i> Facebook</a>
			<a href=""><i class="social foundicon-twitter"></i> Twitter</a>
			<a href="#"><i class="social foundicon-pinterest"></i> Pinterest</a>
			<a href="#"><i class="social foundicon-rss"></i> Rss</a>
                    </p>
                </div>
            </div>

        </div>
    </div>
</div>
<br /><br /><br />

<script src="scripts/jquery-1.8.2.min.js" type="text/javascript"></script> 
<script src="scripts/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="scripts/default.js" type="text/javascript"></script>


<script src="scripts/camera/scripts/camera.min.js" type="text/javascript"></script>
<script src="scripts/easing/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="scripts/camera/scripts/jquery.mobile.customized.min.js" type="text/javascript"></script>
<script type="text/javascript">function startCamera() {$('#camera_wrap').camera({ fx: 'scrollLeft', time: 2000, loader: 'none', playPause: false, height: '65%', pagination: true });}$(function(){startCamera()});</script>


</body>
</html>